*{
    font-size: 12px !important;
  }
  .the-box {
    height: 100vh;
    width: 100%;
    background-color: #F0F2F5;
    // display: flex;
    // justify-content: center;
    background-image: url(../../../assets/icon/background-1.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 114px 0 16px;
    box-sizing: border-box;
  }
  
  .box-center {
    margin: auto auto;
    width: 800px;
    height: 480px;
    // margin-top: 18px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  
    // .header {
    //   height: 46px;
    //   width: 704px;
    //   margin: auto auto;
    //   border-bottom: 2px solid #eee;
    //   display: flex;
    //   align-items: center;
  
    //   p {
    //     color: #333333;
    //     font-size: 12px;
    //     font-style: normal;
    //     text-decoration: none;
    //     margin: 0;
    //   }
    // }
    // p {
    //   color: #333333;
    //   font-size: 12px;
    //   font-style: normal;
    //   text-decoration: none;
    //   margin: 0;
    // }
  
    .main {
      height: 360px;
      margin-left: 199px;
  
      p {
        font-size: 12px;
        margin: 40px 0 12px;
        color: #333333;
      }
  
      .ant-form-item-label {
        // margin: 4px 0 4px;
        padding: 4;
      }
  
      .ant-btn-default {
        display: block;
        width: 320px;
        height: 32px;
        border-radius: 4px;
        background-color: #D0D0D0;
        color: #fff;
      }
      // .ant-col {
      //   height: 16px !important;
      // }
      // .ant-form-item-required{
      //   height: 16px;
  
      // }
  
      //    .icon{
      // height: 33px;
      // img{
      //   height: 33px;
      // // }
      //     }
  
    }
  }
  